<template>
  <ul v-for="index in msg" :key="index.id" class="listul">
    <li class="listli">
      <RouterLink :to="index.path" active-class="active">{{
        index.name
      }}</RouterLink>
    </li>
  </ul>
</template>
<script>
export default {
  data() {
    return {}
  },
  props: ['msg']
}
</script>
<style scoped>
.listul .listli {
  width: 100%;
  text-align: center;
  padding-top: 8px;
}
a {
  text-decoration: none;
}
.active {
  color: red;
}
</style>
